/* 改变主题色变量 */
$--color-primary: #286ee6;
$--color-success: #1ab94f !default;
$--color-warning: #e6a23c !default;
$--color-danger: #f56c6c !default;
$--color-info: #909399 !default;

$--color-text-primary: #333333 !default;
$--color-text-regular: #666666 !default;

// sidebar

// // 项目单独运行---菜单样式
//$menuText:#ffffff;
//$menuActiveText: #ffffff;
//$subMenuActiveText:#f4f4f5;
//$menuActiveBg: #354e66;
//$menuActiveBorder: $--color-primary;
//$menuBg:#304156;
//$menuHover:#405268;
//$subMenuBg:#1f2d3d;
//$subMenuHover:#001528;
//$sideBarWidth: 210px;

// // 乾坤环境运行---菜单样式
$menuText:#ffffff;
$menuActiveText: #ffffff;
$subMenuActiveText:#f4f4f5;
$menuActiveBg: #45aef8;
$menuActiveBorder: $--color-primary;
$menuBg:#3b414a;
$menuHover:#405268;
$subMenuBg:#2f343c;
$subMenuHover:#001528;
$sideBarWidth: 238px;


// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}



// base color
$main-color: $--color-primary; // 主色
$bg: #F5F5F5; // 页面背景色
$border-color: #DFE2E8; // 边框色
$table-top-bg: #F5F5F5; // 表格头部背景色
$title-bg-size: 40px;
$left-menu-active-bg: #EBF4F5;//左侧菜单栏选中背景色

// 状态颜色
$status-color1: #FF1919;
$status-color2: #00D3D3;
$status-color3: #db9d00;
$status-color4: #ff5e00;
$status-color5: #008CFF;
$status-color6: #00B512;
$status-color7: #D725DA;
$status-color8: #9dc412;



$page-x: 20px;
$page-y: 20px;

$collection-x: 20px;
$collection-y: 20px;
$collection-space-y: 20px;
$collection-space-x: 20px;

$block-x: 10px;
$block-y: 10px;
$block-space-y: 10px;
$block-space-x: 10px;

$block-img-text-x: 10px;
$block-img-img-x: 20px;
$block-img-text-y: 10px;
$block-text-text-x: 10px;
$block-text-text-y: 5px;
$border-radius-small: 5px;
$border-radius-big: 10px;

// 圆角
$border-radius-4: 4px; // 圆角大小

// font-size
$font-size-main: 14px; // 主要字体大小
$font-size-info: 12px; // 辅助类介绍字体大小
$font-size-title: 16px; // 标题大小
$nav-system-name: 18px; // 系统标题大小

// font-color
$font-color-main: #333333; // 字体颜色
$font-color-info: #666666; // 灰色字

